<template>
  <div id="app" @drop.prevent="noDrop" @dragover.prevent="noDrop">
    <router-view></router-view>
    <div class="resize top"></div>
    <div class="resize left"></div>
    <div class="resize right"></div>
    <div class="resize bottom"></div>
  </div>
</template>

<script>
  export default {
    name: 'new_haicao',
    methods: {
      noDrop (e) {
        e.preventDefault()
      }
    }
  }
</script>

<style lang="less">

  body,html,#app{
    -webkit-app-region: drag;user-select: none;
    // padding:1px;
    display: flex;
    width:100%;height:100%;background-color:rgba(0,0,0,0);font-size:12px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  }
  ::-webkit-scrollbar{width:2px}
  ::-webkit-scrollbar-track-piece{color:red;}
  ::-webkit-scrollbar-thumb{width:2px;background:#0f85ff;border-radius:10px;}
  ::-webkit-scrollbar-thumb:hover{background:#0f85ff}
  .__view{
    padding:1px 0;
  }
  .resize{
    position: fixed;-webkit-app-region: no-drag;z-index: 9999;opacity: 0;
    &.top{
      width:100%;height:5px;top:0;left:0;
    }
    &.bottom{
      width:100%;height:5px;bottom:0;left:0;
    }
    &.left{
      height:100%;width:5px;bottom:0;left:0;
    }
    &.right{
      height:100%;width:5px;bottom:0;right:0;
    }
  }
  .ivu-modal-mask , .ivu-modal-wrap ,.ivu-select-dropdown,.viewer-container{
    -webkit-app-region:no-drag;
  }
  .viewer-container{
    margin:3px;border-radius:10px;
  }
  .viewer-title{
    display: none!important;
  }
  .viewer-navbar{
    -webkit-app-region:drag;
    li{
      -webkit-app-region:no-drag;
    }
  }
</style>
